Melanjutkan yg sebelumnay menkoneksikan api 
Sebelumnya mengunkan postMethod sekarang get 
Api nya gunakan regres in 
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Т ГИТЕ “шй 
Ada 2 macam list user dan sigle users 
List user seperti ini 


& 40.[ENG SUB] FLUTTER 37. НТТР Request _ Koneksi ке API (Get Method).mp4 - VLC media player m х 


Media Playback Audio Video Terjemahan Peralatan Tampilan Bantuan 


00:53 COM 


Ini datanya lis 
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Н ka mm Ш = СХ “шй 
Makanya tipe belakangnya dynamic 
Kalau sigle user 
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И kalapa СИЕР pp” || 
Ini dua kali maping 

Maping pertama ambil data lalu maping kedua ambil isi nya 

Sekarang lanjutkan saja 

Buat satu lagi namnya user 

Kita ambil get user 

Kita import sama seperti post 


Kita buat 3 hal 

Pertma class user 

Kita buat datannya sesuai id dll kita ambil 3 saja 
Tidak semua data ini diperlukan kita bisa ambil 3 saja 
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п аы ш Se mg” | 
Lalu constructornya 

This. Id dan this.name 

Lalu buat factory method nya 

createUser kita butuh json object berupa maping dari string ke dynamic kasih nama 
object 

lalu return user 

id di ambil id dgn object nya 

ada first name dan last name juga 

ini langsung digabungkan sebagai clas nya kita 
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.name}); 
.createUser( < 5 > object) 


return ( 
id: object['id'], 
name: object['first_name'] +" + object['last_name'] 


[api_demo] flutter packages get 
Running "flutter pub get” in api_demo... 
exit code @ 


m а 1 Salz MĂ- i 
Sekarang buat static future diakan mengembalikan user 

Future guna kan kembalikan dgn sync 

Ketika dapat api nya makanya dikasih future 

Dia butuh idnya saja 

Butuh url nya dulu tingla minta url apinya 

Gunakan web nya lalu id nya berapa 

Var apiresult = await 
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` 
sar moddat ө . 
id: object['id'], 

name: object['first_name'] + " " + object['last_name'] 


); 


< > connectToAPI( id) async 
apiURL = "https://reqres.in/api/users/" + id; 


apiResult = await http. (аріукі); 
= јѕоп.десойе(арікеѕи1+.боду); 


[арі дето] flutter packages get 
Running "flutter pub get" in api_demo... 
exit code @ 


Maka kita lihat tadi strucutr 


Kita dapat satu buah objject tipenya map 
Maping isi nya key dan value nya 

Kita ambil value nya 

Lalu ambil namanya data 
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. 
: object['id'], 
name: object['first_name'] + " " + object['last_name' 


> connectToAPI( 
apiURL = "ht /геаге api/use 


apiResult = await http. (apiURL) 
jsonObject json.decode(apiResult.body); 
Da = (јѕопОобјес+ < 5 


[api_demo] flutter packages get 
Running "flutter pub get" in api_demo... 
exit code @ 


Dan ini dilempar lagi ke createUser 
Return 
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. 
: објесї[ 'іа'], 
пате: object['first_name'] +“ " + object['last_name' 
) 
> connectToAPI( 
apiURL = "https://reqre 
apiResult = await http. (apiURL); 
jsonObject = json.decode(apiResult.body); 


userData = (json0bject < S 


return .createUser(userData); 


[api_demo] flutter packages get 
Running "flutter pub get” in api_demo... 
exit code ө 


Kembali main dart 
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таїп() => runApp( 


postResult = 
user = М 


build( context) { 
t ( 
home: ( 


annRar: ( 


D олм 
[арі дето] flutter раскареѕ get 
Running "flutter риб get” іп арі дето... 


exit code 0 


и alapa ш 515] о || 
Kita ubah sebelumnya gunak post ganti saja 

Jika tidak sama null maka 

Kita butuh Cuma dua id dan name 

Onprased ganti 

User juga import 

Id nya kita pasang user ketiga 

Then jika bebres kita dapat kembalikanya 

Jika dapat isi dgn null tadi 

Jadi dia tidak null lagi lalu setState 
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children: 

((user 

? user.id + ' + user.name 
'Tidak ada data"), 

( 
onPressed: () { 
.connectToAPI( А ((уа1џе) { 

user = value; 
setState(() {}); 


("POST"), 


[api_demo] flutter packages get 
Running "flutter pub get” in api_demo... 
exit code е 


© 
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Restarti 
Ini tampilan dasar nya 
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childre 

((user != 

? user.id х " + иѕег.пате 
"Tidak ada data") 

( 
onPressed: () 4 
.connectToAPI("3").then((value) 4 

user = value; 
setState(() {}); 

H; 


4 ков 


АРІ Demo 


[арі дето] flutter packages get 
Running "flutter pub get" in api_demo. 
exit code O0 


ЇЙ AAN AA SEF o = 
Ganti dulu jadi get 
Idnya 2 
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2 itu intger yg dikemablikan 
Yg kita punya string 
Maka ganti dulu users model 
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15.пате}); 
r.createUser(Map<Strir jynamic> object) 
return User( 


id: object[ .toString(), 
name: object[ ] + + object[ 


> connectToAPI( 


apiURL = 


[api_demo] flutter packages get 


Running "flutter pub get" іп арі дето... 
exit code @ 


12:04 13:15 


Maka sudah 
Sudah jadi get 
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children 
Text( (user 
? user.id + | + user.name 


)› 


onPressed: () 4 
.connectToAPI( ).then((value) { 
user = value; 
setState(() {}); 


[api_demo] flutter packages get 
Running "flutter pub get” in api_demo... 
exit code @ 


Maka dapat kemballikannya 
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чо Conigurations * 
children 
T ((иѕег != null) 


? user.id + + user.name 
IP 


onPressed: () 4 
.connectToAPI( ).then( (value) { 
user = value; 


tate(() {}); 


[api_demo] flutter packages get 
Running "flutter pub get" in api_demo. 


exit code O0 
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И kempul 1 SSA ө = 
coba lagi misalkan 5 
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children: < 

((user != ) 

? user.id + | + user.name 
Tidak ada data”), 

( 
onPressed: () { 

.connectToAPI("5").then((value) 4 
user = value; 
setState(() {}); 


[api_demo] flutter packages get 
Running "flutter pub get" іп арі demo... 
exit code @ 
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children: < 

((user != 

? user.id + " + user.name 
Tidak ada data"), 

( 
onPressed: () { 
.connectToAPI("5").then((value) 4 

user = value; 
setState(() {}); 


eas ова 


API Demo 


Ет"), 


[арі дето] flutter packages get 
Running "flutter pub get” in api_demo... 
exit code @ 
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